O projeto de interface, também conhecido como design de interface de usuário (UI), é uma parte fundamental do desenvolvimento de aplicativos, sites e sistemas digitais. É por meio do design de interface que buscamos criar uma experiência de usuário intuitiva e agradável. Nesse processo, nos concentramos em como os elementos visuais e interativos são organizados e apresentados aos usuários.
O diagrama de fluxo desempenha um papel crucial na modelagem dos processos que são parte de um sistema de software. Eles fornecem uma representação clara de como o sistema funciona, desde a entrada de dados até a saída de resultados, permitindo uma análise detalhada e a identificação de possíveis pontos de melhoria ou otimização.
O fluxograma do cliente acompanha o usuário desde o momento em que ele realiza o cadastro até a conclusão de alguma tarefa. Além disso, descreve variás funcionalidades adicionais para melhorar a experiência do usuario, como a visualizar tarefas, delegar tarefas, pesquisar por tarefa atribuidas ao usuario, pesquisar por tarefa atribuidas a terceiros e com funções de admin, como a Criar cadastros de terceiros, editar informaçoes de usurios e excluir usuarios.
Os wireframes são uma parte fundamental do processo de design, especialmente no desenvolvimento de interfaces de usuário para aplicativos, sites e outros sistemas digitais. Eles representam um estágio inicial e esquemático do design, onde as ideias começam a ganhar forma de maneira visual, porém sem manter uma fidelidade de cores, formas ou estilos.
Dado as circurtancias que nosso projeto se encontra, será desenvolvido duas aplicações sendo mobile e web que precisam trabalhar em conjunto, será necessário criar dois wireframes distintos. Cada um desses wireframes será uma representação esquemática da interface de cada plataforma.
O wireframe da aplicação mobile, guia o usuário do seu cadastro até execução de tarefas, descrevendo graficamente as telas e funcionalidade do processo.
Por ser um fluxo de difícil vizualização disponibilizaremos link de visualização do figma e um pdf para download. Ele contem todas as telas do wireframe da aplicação mobile.
Wireframe mobile interativo Figma(em construção 70%)
Wireframe mobile Telas.pdf (Pendente)
Para o wireframe interativo acesse: https://www.figma.com/proto/R8LNlxGXkceVKoOiKvc9Tn/Wireframe?type=design&node-id=1-345&t=Jk6UbfzEAh8V2tm9-0&scaling=min-zoom&page-id=0%3A1